// pages/kind/kind.js
import {categorylist,categorybrandlist,categorybrandprolist} from '../../api/kind'
Page({

    /**
     * 页面的初始数据
     */
    data: {
        categorylist: [],
        categorybrandlist: [],
        proList: [],
        activeKey: 0,
        active: 0
    },
    goDetail(event){
        // 点击商品，要进入商品的详情页面
        console.log(event.target.dataset.proid);
        wx.navigateTo({
            url: '/pages/detail/detail',
            success: function(res) {
              // 通过eventChannel向被打开页面传送数据
              res.eventChannel.emit('proid', { proid: event.target.dataset.proid, index: 10010 })
            }
          })
    },
    onChange(event){
        this.setData({
            activeKey: event.detail,
            active: 0
        })
        // console.log(event.detail);
        // 切换分类的事件
        // 当分类发生改变后重新获取品牌
        categorybrandlist({
            category: this.data.categorylist[event.detail]
        }).then(res => {
            // console.log(res);
            this.setData({
                categorybrandlist: res.data
            })

            // 获取当前品牌下的所有商品
            categorybrandprolist({
                category: this.data.categorylist[this.data.activeKey],
                brand: res.data[0].brand
            }).then(res => {
                // console.log(res);
                this.setData({
                    proList: res.data
                })
            })
        })

    },
    brandClick(event){
        this.setData({
            active: event.detail.index
        })
         // 获取当前品牌下的所有商品
         categorybrandprolist({
            category: this.data.categorylist[this.data.activeKey],
            brand: event.detail.title
        }).then(res => {
            // console.log(res);
            this.setData({
                proList: res.data
            })
        })
        
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        categorylist().then(res => {
            this.setData({
                categorylist: res.data
            })

            // 获取第一个分类下的品牌
            categorybrandlist({
                category: res.data[0]
            }).then(res => {
                // console.log(res);
                this.setData({
                    categorybrandlist: res.data
                })

                // 获取某分类下某品牌的所有商品
                categorybrandprolist({
                    category: this.data.categorylist[0],
                    brand: res.data[0].brand
                }).then(res => {
                    // console.log(res);
                    this.setData({
                        proList: res.data
                    })
                })

            })
        })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})